<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/headcommon.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
		<script src="js/jquery-1.11.3.js"></script>
	</head>
	<body>
		<div id="headcommon">
		</div>
		<script type="text/javascript">
			$('#headcommon').load('headcommon.html',function(){
				$.getScript('js/headcommon.js')
			})
		</script>
		<!------促销------------>
		<div id="temai">
			<div class="w">
				<img src="img/guojiaotemai.jpg"/>
				<div class="te">
					<div class="box1">
						<div>
							<img src="img/chenglongjiu.gif"/>
							<img src="img/kasiteganhong.gif"/>
							<img src="img/maotaiwangzi.gif"/>
							<img src="img/huacairensheng.gif"/>
						</div>
						<div>
							<img src="img/maotairenjiu.gif"/>
							<img src="img/fabinagubao.gif"/>
							<img src="img/jiannancun.gif"/>
							<img src="img/jiekedanniweishiji.gif"/>
						</div>
						<a class="a1" href="javascript:;">&lt;</a>
						<a class="a2" href="javascript:;">&gt;</a>
					</div>
				</div>
			</div>
		</div>
		<!--------闪购----------------->
		<div id="shangou">
			<div class="w">
				<ul class="ul1">
					<li class="li1"><a href="#">购酒闪购</a></li>
					<li class="li2"><a href="#">冰点特价 数量有限</a></li>
				</ul>
				<ul class="ul2">
					<li class="li1"><a href="#">购酒快讯</a></li>
					<li class="li2"><a href="#">更多</a></li>
				</ul>
				<ul class="ul3">
					<li class>
						<img src="img/guojiao.JPG"/>
						<p class="p1"><a href="#">52度 国窖 1573 580ml</a></p>
						<p class="p2"><a href="#">￥628</a></p>
						<div class="inp"></div>
					</li>
					<li>
						<img src="img/1Lzhuang.jpg"/>
						<p class="p1"><a href="#">澳大利亚 奔富 洛神山庄 赤..</a></p>
						<p class="p2"><a href="#">￥69</a></p>
						<div class="inp"></div>
					</li>
					<li>
						<img src="img/baijiade.JPG"/>
						<p class="p1"><a href="#">百加得 Bacardi 金朗姆酒 7..</a></p>
						<p class="p2"><a href="#">￥79</a></p>
						<div class="inp"></div>
					</li>
					<li>
						<img src="img/renyimen.jpg"/>
						<p class="p1"><a href="#">53度 任意门 泥土买藏品鉴..</a></p>
						<p class="p2"><a href="#">￥39</a></p>
						<div class="inp"></div>
					</li>
					<li>
						<img src="img/wuliangye.JPG"/>
						<p class="p1"><a href="#">52度 五粮液股份 中国铁路..</a></p>
						<p class="p2"><a href="#">￥259</a></p>
						<div class="inp"></div>
					</li>
				</ul>
				<div class="kuaixun">
					<p><a href="#">【公告】</a><a href="#">购酒网老酒特卖全场包邮低至29..</a></p>
					<p><a href="#">【公告】</a><a href="#">购酒与您一起奥运狂欢红包翻倍</a></p>
					<p><a href="#">【公告】</a><a href="#">购酒网积分系统正式上线啦</a></p>
					<p><a href="#">【公告】</a><a href="#">关于“G20峰会”浙江杭州城..</a></p>
					<p><a href="#">【公告】</a><a href="#">征战里约 咋专区满199赠送美酒一瓶</a></p>
					<img src="img/zhongbangtuichu.jpg"/>
				</div>
			</div>
		</div>
		<div id="lihe">
			<div class="w">
				<img src="img/jingmeilihe.jpg"/>
				<img src="img/sanjindatan.jpg"/>
				<img src="img/jiaolinghaojiu.jpg"/>
			</div>
		</div>
		<div id="tuijian">
			<div class="w">
				<ul>
					<li class="li1"><a href="#">购酒推荐</a></li>
					<li class="li2"><a href="#">限时特惠</a></li>
				</ul>
				<div class="xijiu"><img src="img/xijiu.jpg"/></div>
				<div class="t1">
					<div class="box">
						<p class="p1"><a href="#">双瓶财神好事成双</a></p>
						<p class="p2"><a href="#">52度 一道泓 财神酒 750ml*2</a></p>
						<p class="p3">88元</p>
						<img src="img/yidaohong.jpg"/>
					</div>
					<div class="box">
						<p class="p1"><a href="#">限时特惠 预购从速</a></p>
						<p class="p2"><a href="#">52度 五粮液 红火爆 好运酒</a></p>
						<p class="p3">129元</p>
						<img src="img/wuliang.jpg"/>
						
					</div>
					<div class="box">
						<p class="p1"><a href="#">高端礼盒 放假来袭</a></p>
						<p class="p2"><a href="#">46度 洋河 天之蓝 480ml*2瓶</a></p>
						<p class="p3">599元</p>
						<img src="img/yanghe.jpg"/>
					</div>
					<div class="box">
						<p class="p1"><a href="#">夏季特卖</a></p>
						<p class="p2"><a href="#">53度 汾酒 紫砂瓶 475ml</a></p>
						<p class="p3">88元</p>
						<img src="img/fenjiu.jpg"/>
					</div>
					<div class="box">
						<p class="p1"><a href="#">整箱特卖 劲爆低价</a></p>
						<p class="p2"><a href="#">50度西凤 特曲 480ml*6</a></p>
						<p class="p3">149元</p>
						<img src="img/xifeng.jpg"/>
					</div>
					<div class="box">
						<p class="p1"><a href="#">热销爆款 好价来袭</a></p>
						<p class="p2"><a href="#">53度 茅台 仁酒 500ml</a></p>
						<p class="p3">88元</p>
						<img src="img/renjiu.jpg"/>
					</div>
				</div>
				<div class="luzhou"><img src="img/luzhougongjiu.jpg"/></div>
			</div>
		</div>
<!-----------------1F------------------------------------>
		<div id="f1">
			<div class="w">
				<div class="box1">
					<div class="box2">
						<div class="yilou">1F</div>
						<p>白酒馆</p>	
					</div>
					<ul>
						<li class="li1"><a href="#">大牌白酒</a></li>
						<li><a href="#">茅台系列</a></li>
						<li><a href="#">五粮液系列</a></li>
						<li><a href="#">精装礼盒</a></li>
						<li><a href="#">整箱优惠</a></li>
						<li><a href="#">小酒版</a></li>
						<li><a href="#">年份老窖</a></li>
						<li class="li2"><a href="#">更多</a></li>
					</ul>
				</div>
				<img class="img1" src="img/maotaiheijin.jpg"/>
				<div class="lunb1">
					<ul>
						<li style="display: block;"><img src="img/hulujiu.jpg"/></li>
						<li><img src="img/hongyun.jpg"/></li>
						<li><img src="img/jijushoucangjiazhi.jpg"/></li>
					</ul>
					<a class="a1 cur" href="javascript:;"></a>
					<a class="a2" href="javascript:;"></a>
					<a class="a3" href="javascript:;"></a>
					<div class="lbtn">&lt;</div>
					<div class="rbtn">&gt;</div>
				</div>
				<div class="maiyi"><img class="img2" src="img/maiyisongyi.jpg"/></div>
				<img class="img3" src="img/lingjuanjian20.jpg"/>
			</div>
		</div>
		<div id="f12">
			<div class="w">
				<div class="yanghe">
					<ul>
						<li><a href="#">五粮液</a></li>
						<li><a href="#">高端收藏</a></li>
						<li><a href="#">茅台专场</a></li>
						<li class="li1"><a href="#">小酒迷情</a></li>
						<li><a href="#">陈年老酒</a></li>
						<li><a href="#">每周特卖</a></li>
						<li><a href="#">郎酒专场</a></li>
						<li class="li2"><a href="#">清仓专区</a></li>
					</ul>
					<img src="img/yanghelaozihao.jpg"/>
				</div>
				<div class="box1"><img src="img/wuliangyejinping.jpg"/></div>
				<div class="box1"><img src="img/maotaiyingbin.jpg"/></div>
				<div class="box1"><img src="img/yiliwangjiu.jpg"/></div>
				<div class="box1"><img src="img/shuijingfang.jpg"/></div>
			</div>
		</div>
		<div id="f13">
			<div class="w">
				<img class="img1" src="img/jiannancunhoudong.jpg"/>
				<div class="box"><img src="img/maotaizhenshuxin.jpg"/></div>
				<div class="box"><img src="img/maotaijituanjingdianyute.jpg"/></div>
				<div class="box"><img src="img/maotaifengtan.jpg"/></div>
				<div class="box"><img src="img/jiugui.jpg"/></div>
			</div>
		</div>
<!-----------------2F------------------------------------>
		<div id="f1">
			<div class="w">
				<div class="box1">
					<div class="box21">
						<div class="yilou">2F</div>
						<p>红酒馆</p>	
					</div>
					<ul class="ul2">
						<li class="li1"><a href="#">热门红酒</a></li>
						<li><a href="#">整盒送礼</a></li>
						<li><a href="#">整箱套装优惠价</a></li>
						<li><a href="#">美女选择</a></li>
						<li><a href="#">原装进口</a></li>
						<li><a href="#">超值国</a></li>
						<li class="li2"><a href="#">更多</a></li>
					</ul>
				</div>
				<img class="img1" src="img/benfu.jpg"/>
				<div class="lunb2">
					<ul>
						<li style="display: block;"><img src="img/faguoxiangnai.jpg"/></li>
						<li><img src="img/huangweidaishu.jpg"/></li>
						<li><img src="img/ganlu.jpg"/></li>
					</ul>
					<a class="a1 cur" href="javascript:;"></a>
					<a class="a2" href="javascript:;"></a>
					<a class="a3" href="javascript:;"></a>
					<div class="lbtn">&lt;</div>
					<div class="rbtn">&gt;</div>
				</div>
				<div class="maiyi"><img class="img2" src="img/changcheng.jpg"/></div>
				<img class="img3" src="img/bojue.jpg"/>
			</div>
		</div>
		<div id="f12">
			<div class="w">
				<div class="yanghe">
					<ul>
						<li><a href="#">拉菲专区</a></li>
						<li><a href="#">红酒会馆</a></li>
						<li><a href="#">澳洲奔富</a></li>
						<li class="li1"><a href="#">加州乐事</a></li>
						<li><a href="#">酩悦香槟</a></li>
						<li><a href="#">黄尾袋鼠</a></li>
						<li><a href="#">卡斯特</a></li>
						<li class="li2"><a href="#">张裕专区</a></li>
					</ul>
					<img src="img/xiangnei.jpg"/>
				</div>
				<div class="box1"><img src="img/lanyu.jpg"/></div>
				<div class="box1"><img src="img/jiekasi.jpg"/></div>
				<div class="box1"><img src="img/huashige.jpg"/></div>
				<div class="box1"><img src="img/AOC.jpg"/></div>
			</div>
		</div>
		<div id="f13">
			<div class="w">
				<img class="img1" src="img/aozhoubenfu.jpg"/>
				<div class="box"><img src="img/xilahongputaojiu.jpg"/></div>
				<div class="box"><img src="img/maliao.jpg"/></div>
				<div class="box"><img src="img/xibanya.jpg"/></div>
				<div class="box"><img src="img/chixiazhu.jpg"/></div>
			</div>
		</div>
<!-----------------3F------------------------------------>
		<div id="f1">
			<div class="w">
				<div class="box1">
					<div class="box22">
						<div class="yilou">3F</div>
						<p>洋酒馆</p>	
					</div>
					<ul class="ul3">
						<li class="li1"><a href="#">知名洋酒</a></li>
						<li><a href="#">白兰地系列</a></li>
						<li><a href="#">威士忌系列</a></li>
						<li><a href="#">伏特加系列</a></li>
						<li class="li2"><a href="#">更多</a></li>
					</ul>
				</div>
				<img class="img1" src="img/lexiangxo.jpg"/>
				<div class="lunb3">
					<ul>
						<li style="display: block;"><img src="img/heipaiweishiji.jpg"/></li>
						<li><img src="img/sugedeng.jpg"/></li>
						<li><img src="img/baima.jpg"/></li>
					</ul>
					<a class="a1 cur" href="javascript:;"></a>
					<a class="a2" href="javascript:;"></a>
					<a class="a3" href="javascript:;"></a>
					<div class="lbtn">&lt;</div>
					<div class="rbtn">&gt;</div>
				</div>
				<div class="maiyi"><img class="img2" src="img/madishi.jpg"/></div>
				<img class="img3" src="img/mingshizhifeng.jpg"/>
			</div>
		</div>
		<div id="f12">
			<div class="w">
				<div class="yanghe">
					<ul>
						<li><a href="#">芝华士</a></li>
						<li><a href="#">格兰菲迪</a></li>
						<li><a href="#">尊尼获加</a></li>
						<li class="li1"><a href="#">皇家礼炮</a></li>
						<li><a href="#">白兰地</a></li>
						<li><a href="#">伏特加</a></li>
						<li><a href="#">威士忌</a></li>
						<li class="li2"><a href="#">皇家路易</a></li>
					</ul>
					<img src="img/huiweixiangchun.jpg"/>
				</div>
				<div class="box1"><img src="img/wensha.jpg"/></div>
				<div class="box1"><img src="img/shenlanpai.jpg"/></div>
				<div class="box1"><img src="img/ningmengwei.jpg"/></div>
				<div class="box1"><img src="img/jinlangmu.jpg"/></div>
			</div>
		</div>
		<div id="f13">
			<div class="w">
				<img class="img1" src="img/rentouma.jpg"/>
				<div class="box"><img src="img/madieli.jpg"/></div>
				<div class="box"><img src="img/baishige.jpg"/></div>
				<div class="box"><img src="img/heilangmujiu.jpg"/></div>
				<div class="box"><img src="img/xiongdi.jpg"/></div>
			</div>
		</div>
<!-----------------4F------------------------------------>
		<div id="f1">
			<div class="w">
				<div class="box1">
					<div class="box23">
						<div class="yilou">4F</div>
						<p>黄酒·养生酒·啤酒·茶叶馆</p>	
					</div>
					<ul class="ul4">
						<li class="li1"><a href="#">巨惠推荐</a></li>
						<li><a href="#">黄酒系列</a></li>
						<li><a href="#">养生酒啤酒</a></li>
						<li><a href="#">茶叶</a></li>
						<li class="li2"><a href="#">更多</a></li>
					</ul>
				</div>
				<img class="img1" src="img/tangsongshougongdiaohua.jpg"/>
				<div class="lunb4">
					<ul>
						<li style="display: block;"><img src="img/16dumaoshan.jpg"/></li>
						<li><img src="img/tapai.jpg"/></li>
						<li><img src="img/nverhong.jpg"/></li>
					</ul>
					<a class="a1 cur" href="javascript:;"></a>
					<a class="a2" href="javascript:;"></a>
					<a class="a3" href="javascript:;"></a>
					<div class="lbtn">&lt;</div>
					<div class="rbtn">&gt;</div>
				</div>
				<div class="maiyi"><img class="img2" src="img/guyueshinian.jpg"/></div>
				<img class="img3" src="img/kuaijishan.jpg"/>
			</div>
		</div>
		<div id="f12">
			<div class="w">
				<div class="yanghe">
					<ul>
						<li><a href="#">古越龙山</a></li>
						<li><a href="#">女儿红</a></li>
						<li><a href="#">啤酒专区</a></li>
						<li class="li1"><a href="#">养生酒</a></li>
						<li><a href="#">黄酒专区</a></li>
						<li><a href="#">茶叶专区</a></li>
						<li><a href="#">酒杯专区</a></li>
						<li class="li2"><a href="#">劲酒专区</a></li>
					</ul>
					<img src="img/shikumen.jpg"/>
				</div>
				<div class="box1"><img src="img/guyuelongshancuxiao.jpg"/></div>
				<div class="box1"><img src="img/shaoxingshiye.jpg"/></div>
				<div class="box1"><img src="img/maoshan1952.jpg"/></div>
				<div class="box1"><img src="img/xiyuanhuangjiu.jpg"/></div>
			</div>
		</div>
		<div id="f13">
			<div class="w">
				<img class="img1" src="img/hannuohongbiaomijiu.jpg"/>
				<div class="box"><img src="img/matouqiang.jpg"/></div>
				<div class="box"><img src="img/nverhongpidiao.jpg"/></div>
				<div class="box"><img src="img/kuaijishan18nian.jpg"/></div>
				<div class="box"><img src="img/nverhongshinianjingxuan.jpg"/></div>
			</div>
		</div>	
<!------------5F---------------->
		<div id="f5">
			<div class="w">
				<div class="box">
					<div class="box1">5F</div>
				<p><a href="#">高端收藏</a></p>
				</div>
				<img class="img1" src="img/guojiudingzhi.jpg"/>
				<img class="img2" src="img/56duwuliangye.jpg"/>
				<img class="img2" src="img/fenjiu12shengxiao.jpg"/>
				<img class="img2" src="img/52dushuijingfang.jpg"/>
				<img class="img2" src="img/xijiujiaocang.jpg"/>

			</div>
		</div>
		<div id="bt">
			<div class="w">
				<img src="img/zhenyihao.jpg"/>
				<img src="img/site.jpg"/>
				<img src="img/yuxi.jpg"/>
			</div>
		</div>
			
<!------------6F----------------->
		<div id="f6">
			<div class="w">
				<div class="box">
					<div class="box1">6F</div>
					<p class="p1"><a href="#">品牌馆</a></p>
					<p class="p2"><a href="#">查看更多品牌</a></p>
				</div>
				<div class="box2"><img src="img/langjiu.jpg"/></div>
				<div class="box2"><img src="img/fenjiuchenniang.jpg"/></div>
				<div class="box2"><img src="img/wuliangyenongxiang.jpg"/></div>
				<div class="box2"><img src="img/zhenjiu.jpg"/></div>
				<div class="box2"><img src="img/gujinggongjiu.jpg"/></div>
				<div class="box2"><img src="img/xifengfengxiangjingdian.jpg"/></div>
				<div class="box2"><img src="img/renyimennitumaicang.jpg"/></div>
				<div class="box2"><img src="img/jiannancunzhongguobaijiu.jpg"/></div>
				<div class="box2"><img src="img/jiuguidawang.jpg"/></div>
				<div class="box2"><img src="img/luzhoulaojiao.jpg"/></div>
				<div class="box2"><img src="img/baiyunbian.jpg"/></div>
				<div class="box2"><img src="img/shuijingfanggaiguidianya.jpg"/></div>
				<div class="box2"><img src="img/xijiuguizaixijiu.jpg"/></div>
				<div class="box2"><img src="img/yilite.jpg"/></div>
				<div class="box2"><img src="img/xiaohutuxian.jpg"/></div>
			</div>
		</div>
		<div id="foot"></div>
		<div id="bottom"></div>
	</body>
	<script type="text/javascript">
		$(function(){
			$('.te .box1').mouseover(function(){
				$('.te .box1>a').show()
			})
			$('.te .box1').mouseout(function(){
				$('.te .box1>a').hide()
			})
			$('.a1').click(function(){
				$('.te .box1').animate({"margin-left":"-990px"},function(){
					$('.te .box1 div').eq(0).appendTo($('.te .box1'))
					$('.te .box1').css({'margin-left':0})
				})
			})
			$('.a2').click(function(){
				$('.te .box1 div').eq(1).appendTo($('.te .box1'))
				$('.te .box1').css({'margin-left':"-990px"})
				$('.te .box1').animate({"margin-left":"0"})
			})
	//==========倒计时===================		
			var str='';
			var timer=null;
			var shiyi=new Date(2016,8,2);
			var now=new Date();
			var cha=shiyi.getTime()-now.getTime()
			
			var tian=Math.floor(cha/1000/60/60/24);
			
			var shi=Math.floor((cha/1000-tian*24*60*60)/60/60);
			
			var fen=Math.floor((cha/1000-tian*24*60*60-shi*60*60)/60);
			
			var miao=Math.floor(cha/1000-tian*24*60*60-shi*60*60-fen*60);
			timer=setInterval(me,1000)
			function me(){
				miao--;
				if(miao==-1){
					fen--;
					miao=59;
				}
				if(fen==-1){
					shi--;
					fen=59;
				}
				if(shi==-1){
					tian--;
					shi=23;
				}
				
				str='剩余：' + tian +'天'+ shi + '时' + fen +'分'+ miao +"秒";
				
				$('.inp').text(str)
			}
			
			$('.t1 .box').mouseover(function(){
				$(this).find('img').stop(true).animate({'margin-left':'50px'})
			})
			$('.t1 .box').mouseout(function(){
				$(this).find('img').stop(true).animate({'margin-left':'70px'})
			})
	//============小轮播图1==========================
	var $li=$('.lunb1 ul li');
	var $a=$('.lunb1 a');
	var prev=$('.lunb1 .lbtn');
	var next=$('.lunb1 .rbtn');
	var length=$li.size();
	var bt=0;
	console.log($a)
	$('.lunb1').mouseover(function(){
		clearInterval(timer)
		$('.lunb1 div').show()
	})
	$('.lunb1').mouseout(function(){
		$('.lunb1 div').hide()
		timer=setInterval(change,2000)
	})
	$('.lunb1 div').mouseover(function(){
		$(this).css({'opacity':'0.8'})
	})
	$('.lunb1 div').mouseout(function(){
		$(this).css({'opacity':'0.5'})
	})
	$('.lunb1 .lbtn').click(function(){
		clearInterval(timer);
		bt--;
		if(bt<0){
			bt = 2;
		}
		$li.eq(bt).fadeIn(500).siblings().fadeOut(500);
		$a.eq(bt).css({'background':'#c40000'}).siblings().css({'background':'#666'});
	})
	$('.lunb1 .rbtn').click(function(){
		clearInterval(timer)
		change()
		
	})
	$a.mouseover(function(){
		clearInterval(timer);
		bt=$(this).index()-2;
		change()
	})
//	$a.mouseout(function(){
//		timer=setInterval(change,2000)
//	})
	timer=setInterval(change,2000)
	function change(){
		bt++;
		if(bt>=length){
			bt=0
		};
		$li.eq(bt).fadeIn(500).siblings().fadeOut(500);
		$a.eq(bt).css({'background':'#c40000'}).siblings().css({'background':'#666'});
		
	}
	//========小轮播图2==============
	
	var $li1=$('.lunb2 ul li');
	var $a1=$('.lunb2 a');
	var prev1=$('.lunb2 .lbtn');
	var next1=$('.lunb2 .rbtn');
	var length1=$li1.size();
	var bt1=0;
	console.log($a1)
	$('.lunb2').mouseover(function(){
		clearInterval(timer1)
		$('.lunb2 div').show()
	})
	$('.lunb2').mouseout(function(){
		$('.lunb2 div').hide()
		timer1=setInterval(change1,2000)
	})
	$('.lunb2 div').mouseover(function(){
		$(this).css({'opacity':'0.8'})
	})
	$('.lunb2 div').mouseout(function(){
		$(this).css({'opacity':'0.5'})
	})
	$('.lunb2 .lbtn').click(function(){
		clearInterval(timer1);
		bt1--;
		if(bt1<0){
			bt1 = 2;
		}
		$li1.eq(bt1).fadeIn(500).siblings().fadeOut(500);
		$a1.eq(bt1).css({'background':'#c40000'}).siblings().css({'background':'#666'});
	})
	$('.lunb2 .rbtn').click(function(){
		clearInterval(timer1)
		change1()
		
	})
	$a1.mouseover(function(){
		clearInterval(timer1);
		bt1=$(this).index()-2;
		change1()
	})
//	$a.mouseout(function(){
//		timer=setInterval(change,2000)
//	})
	timer1=setInterval(change1,2000)
	function change1(){
		bt1++;
		if(bt1>=length1){
			bt1=0
		};
		$li1.eq(bt1).fadeIn(500).siblings().fadeOut(500);
		$a1.eq(bt1).css({'background':'#c40000'}).siblings().css({'background':'#666'});
		
	}
	
//========小轮播图3==============
	
	var $li2=$('.lunb3 ul li');
	var $a2=$('.lunb3 a');
	var prev2=$('.lunb3 .lbtn');
	var next2=$('.lunb3 .rbtn');
	var length2=$li2.size();
	var bt2=0;
	console.log($a2)
	$('.lunb3').mouseover(function(){
		clearInterval(timer2)
		$('.lunb3 div').show()
	})
	$('.lunb3').mouseout(function(){
		$('.lunb3 div').hide()
		timer2=setInterval(change2,2000)
	})
	$('.lunb3 div').mouseover(function(){
		$(this).css({'opacity':'0.8'})
	})
	$('.lunb3 div').mouseout(function(){
		$(this).css({'opacity':'0.5'})
	})
	$('.lunb3 .lbtn').click(function(){
		clearInterval(timer2);
		bt2--;
		if(bt2<0){
			bt2 = 2;
		}
		$li2.eq(bt2).fadeIn(500).siblings().fadeOut(500);
		$a2.eq(bt2).css({'background':'#c40000'}).siblings().css({'background':'#666'});
	})
	$('.lunb3 .rbtn').click(function(){
		clearInterval(timer2)
		change2()
		
	})
	$a2.mouseover(function(){
		clearInterval(timer2);
		bt2=$(this).index()-2;
		change2()
	})
//	$a.mouseout(function(){
//		timer=setInterval(change,2000)
//	})
	timer2=setInterval(change2,2000)
	function change2(){
		bt2++;
		if(bt2>=length2){
			bt2=0
		};
		$li2.eq(bt2).fadeIn(500).siblings().fadeOut(500);
		$a2.eq(bt2).css({'background':'#c40000'}).siblings().css({'background':'#666'});
		
	}
	//========小轮播图4==============
	
	var $li3=$('.lunb4 ul li');
	var $a3=$('.lunb4 a');
	var prev3=$('.lunb4 .lbtn');
	var next3=$('.lunb4 .rbtn');
	var length3=$li3.size();
	var bt3=0;
	console.log($a3)
	$('.lunb4').mouseover(function(){
		clearInterval(timer3)
		$('.lunb4 div').show()
	})
	$('.lunb4').mouseout(function(){
		$('.lunb4 div').hide()
		timer3=setInterval(change3,2000)
	})
	$('.lunb4 div').mouseover(function(){
		$(this).css({'opacity':'0.8'})
	})
	$('.lunb4 div').mouseout(function(){
		$(this).css({'opacity':'0.5'})
	})
	$('.lunb4 .lbtn').click(function(){
		clearInterval(timer3);
		bt3--;
		if(bt3<0){
			bt3 = 2;
		}
		$li3.eq(bt3).fadeIn(500).siblings().fadeOut(500);
		$a3.eq(bt3).css({'background':'#c40000'}).siblings().css({'background':'#666'});
	})
	$('.lunb4 .rbtn').click(function(){
		clearInterval(timer3)
		change3()
		
	})
	$a3.mouseover(function(){
		clearInterval(timer3);
		bt3=$(this).index()-2;
		change3()
	})
//	$a.mouseout(function(){
//		timer=setInterval(change,2000)
//	})
	timer3=setInterval(change3,2000)
	function change3(){
		bt3++;
		if(bt3>=length3){
			bt3=0
		};
		$li3.eq(bt3).fadeIn(500).siblings().fadeOut(500);
		$a3.eq(bt3).css({'background':'#c40000'}).siblings().css({'background':'#666'});
		
	}
	
	
	
		$('#f6 .w .box2').mouseover(function(){
			$(this).find('img').stop(true).animate({"margin-left":"-130px"})
		})
		$('#f6 .w .box2').mouseout(function(){
			$(this).find('img').stop(true).animate({"margin-left":"0"})
		})
		$('#foot').load("html/foot.html")
		$('#bottom').load('html/bottom.html')
	})
	</script>
</html>
